#{extends 'main.html' /}
#{set title:'产品列表' /}
<script type="text/javascript" src="/public/sui/js/list.js"></script>
<script type="text/javascript">
    var beganDate = '${aMonthAgo}';
    var endDate = '${today}';
    $(function () {

        $("#beganDate").calendar({
            value: [beganDate]
        });
        $("#endDate").calendar({
            value: [endDate]
        });
        getUserOrders();
        $(document).on('click', '.button', function (e) {
            getUserOrders();
        })

    });

</script>
<body>
<div class="page">
    <header class="bar bar-nav">
        <a href="javascript:history.go(-1);" class="icon icon-left pull-left"></a>
    *{    <a href="index.html" class="button button-link pull-right"><span class="icon iconfont">&#xe618;</span></a>}*
        <h1 class="title">消费详情</h1>
    </header>

    <div class="member_count">
        <input type="hidden" value="${userId}" id="id_userId">
        <p>时间段：<input id="beganDate" type="text" data-toggle='date' value="${aMonthAgo}"/> 至
            <input id="endDate" type="text" data-toggle='date' value="${today}"/>
            <button type="button" class="button button-fill button-cyan">查询</button>
        </p>
        <h3>订单数：<i id="id_orderNumber"></i> &nbsp;&nbsp;&nbsp;&nbsp;消费总额：<i id="id_totalAmount"></i></h3>

    </div>

    <section id="idSection" class="content member_order scroll_y"></section>
#{include '/UserController/tempOrders.html'/}

#{include 'footer.html'/}
</div>
<script>
    $(function () {
        $.init();
    });
</script>
</body>
